﻿<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>SHOP SINGLE</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <!-- Place favicon.ico in the root directory -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/jquery-ui.css">
        <link rel="stylesheet" href="css/bootstrap-select.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->

        <header>
            <div class="top-bar gray-3d-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="top-contact-info">
                                <span class="work-sans fz-13 lh-50"><img src="img/phone.png" alt=""> + 124 45 78 678 </span>
                                <span class="work-sans fz-13 lh-50"><img src="img/mail.png" alt=""> Support@mail.com</span>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 social-login">
                            <div class="top-social display-ib">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-linkedin"></i></a>
                            </div>
                            <div class="top-login display-ib lh-50">
                                <img src="img/login.png" alt="">
                                <span class="white">
                                    <a href="#">Login</a> /
                                    <a href="#"> Register</a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-nav-area">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="man-nav">
                                <nav class="navbar navbar-default no-margin">
                                      <div class="navbar-header">
                                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                          <span class="sr-only">Toggle navigation</span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                          <span class="icon-bar"></span>
                                        </button>
                                      </div>
                                      <div id="navbar" class="navbar-collapse collapse no-margin no-padding">
                                        <div class="col-md-7 col-sm-7">
                                            <ul class="nav navbar-nav">
                                              <li><a href="index.html">Home</a></li>
                                              <li><a href="about.html">About</a></li>
                                              <li><a class="" href="gallery.html">Galley </a></li>
                                              <li><a class="" href="match-fixtures.html">Fixtures</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-5 col-sm-5">
                                            <ul class="nav navbar-nav pl-50">
                                                <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="blog.html">Blog</a></li>
                                                  <li><a href="blog-single.html">Blog Single</a></li>
                                                </ul>
                                              </li>
                                                <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a href="match-report.html">Match Report</a></li>
                                                    <li><a href="404.html">404 Page</a></li>
                                                </ul>
                                              </li>
                                              <li class="dropdown active">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Shop  <span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                  <li><a href="shop.html">Shop</a></li>
                                                  <li><a href="shop-single.html">Shop Single</a></li>
                                                  <li><a href="my-cart.html">My Cart</a></li>
                                                  <li><a href="checkout.html">Checkout</a></li>
                                                </ul>
                                              </li>
                                              <li><a href="contact.html">Contact</a></li>
                                            </ul>
                                        </div>
                                      </div><!--/.nav-collapse -->
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <div class="page-title shop-single-title">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-12 text-center p-static">
                <div class="page-heading">
                  <h2 class="white text-uppercase fz-36 ls-2">Product Details</h2>
                  <h6 class="work-sans fz-15 white mt-20">Home   <span class="mlr-10"> / </span>  Shop</h6>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="container">
          <div class="row mt-100 pb-150">
            <div class="col-md-3 col-sm-4 col-xs-6 mt-50 shop-sidebar">
              <div class="pp-brands">
                <h4 class="white text-uppercase">Popular Brands <a class="pull-right white" href="#"> <i class="fa fa-bars fa-lg"></i></a></h4>
                <div class="multiselect">
                  <input id="box1" class="with-font" type="checkbox">
                  <label for="box1">Yellow Jerseys <span class="pull-right">03</span></label>
                </div>
                <div class="multiselect">
                  <input id="box2" class="with-font" type="checkbox">
                  <label for="box2">Blue Bags <span class="pull-right">05</span></label>
                </div>
                <div class="multiselect">
                  <input id="box3" class="with-font" type="checkbox">
                  <label for="box3">Black Guards <span class="pull-right">11</span></label>
                </div>
                <div class="multiselect">
                  <input id="box4" class="with-font" type="checkbox">
                  <label for="box4">Fantastic Shorts <span class="pull-right">01</span></label>
                </div>
                <div class="multiselect">
                  <input id="box5" class="with-font" type="checkbox">
                  <label for="box5">Soccer Ball <span class="pull-right">06</span></label>
                </div>
              </div>

              <div class="pp-brands mt-40">
                <h4 class="white text-uppercase">Price Limit <a class="pull-right white" href="#"> <i class="fa fa-bars fa-lg"></i></a></h4>
                <div class="price-range mt-25">
                  
                  <div class="mb-30" id="slider-range"></div>
                  <label for="amount"><a href="#">Filter</a></label>
                  <input type="text" id="amount" readonly>
                </div>
              </div>
              <div class="pp-brands mt-40">
                <h4 class="white text-uppercase ls-1">Colors <a class="pull-right white" href="#"> <i class="fa fa-bars fa-lg"></i></a></h4>
                <div class="multiselect">
                  <input id="box6" class="with-font" type="checkbox">
                  <label for="box6">White <span class="pull-right">10</span></label>
                </div>
                <div class="multiselect">
                  <input id="box7" class="with-font" type="checkbox">
                  <label for="box7">Black <span class="pull-right">08</span></label>
                </div>
                <div class="multiselect">
                  <input id="box8" class="with-font" type="checkbox">
                  <label for="box8">Blue <span class="pull-right">02</span></label>
                </div>
                <div class="multiselect">
                  <input id="box9" class="with-font" type="checkbox">
                  <label for="box9">Yellow <span class="pull-right">03</span></label>
                </div>
                <div class="multiselect">
                  <input id="box10" class="with-font" type="checkbox">
                  <label for="box10">Red <span class="pull-right">08</span></label>
                </div>
              </div>
              <div class="pp-brands mt-40">
                <h4 class="white text-uppercase ls-1">New Items </h4>
                <div class="s-products-slider">
                  <div class="item">
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-1.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Player Shorts</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$45.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-2.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Soccer Jerseys</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$40.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-3.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Jumbo Ball</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$80.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-4.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Soccer Jerseys</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$20.00</span>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-1.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Player Shorts</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$45.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-2.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Soccer Jerseys</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$40.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-3.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Jumbo Ball</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$80.00</span>
                      </div>
                    </div>
                    <div class="inner-item clearfix">
                      <img class="img-responsive pull-left" src="img/sp-4.jpg" alt="">
                      <div class="item-content pull-left">
                        <h6><a href="#" class="oswald fz-13 gray-de text-uppercase">Soccer Jerseys</a></h6>
                        <div class="rating-stars text-left mb-10">
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                          <i class="fa fa-star-o"></i>
                        </div>
                        <span class="work-sans fz-13 gray-de">$20.00</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
            <div class="col-md-9 col-sm-8 col-xs-6 mt-20 shop-single">
              <div class="row product-detail">
                <div class="col-md-5 mt-30">
                  <img class="img-responsive" src="img/ss-1.jpg" alt="">
                </div>
                <div class="col-md-7 mt-30">
                  <h3 class="d-black text-uppercase ls-2">Awesome stylish shrits</h3>
                  <div class="price-review mt-20">
                    <div class="price display-ib">
                      <span class="d-price work-sans fz-22 text-bold d-black">$ 75.00</span>
                      <span class="o-price work-sans fz-16 gray-777">$85</span>
                    </div>
                    <div class="review display-ib">
                      <div class="rating-stars text-center display-ib">
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                        <i class="fa fa-star-o"></i>
                      </div>
                      <span class="work-sans fz-14 gray-86">5 Review(s)</span>
                    </div>
                  </div>
                  <p class="ss-p mt-20">The ship set ground on the shore of this uncharted desert isle with Gilligan the Skipper too the millionaire and his wife. And when the odds are against him and their dangers work to do. </p>

                  <div class="row row-eq-height mt-10">
                    <div class="col-md-6 ss-colors mt-25">
                      <h5 class="work-sans text-semi-bold fz-18 gray-de">Color :</h5>
                      <div class="colors mt-20">
                        <a href="#" class="r-black"><span></span></a>
                        <a href="#" class="r-yellow"><span></span></a>
                        <a href="#" class="r-red"><span></span></a>
                        <a href="#" class="r-purple"><span></span></a>
                        <a href="#" class="r-skyblue"><span></span></a>
                        <a href="#" class="r-gray"><span></span></a>
                        <a href="#" class="r-orange"><span></span></a>
                      </div>
                    </div>
                    <div class="col-md-6 mt-25">
                      <div class="share mt-25">
                        <a href="#"><img src="img/heart-o.png" alt=""></a>
                        <a href="#"><img src="img/arrow-o.png" alt=""></a>
                        <a href="#"><img src="img/mail-o.png" alt=""></a>
                      </div>
                    </div>
                  </div>
                  <div class="cart-area mt-10">
                    <div class="row">
                      <div class="col-md-3 size mt-20">
                        <h5 class="work-sans text-semi-bold fz-18 gray-de mb-15">Size:</h5>
                        <select class="selectpicker">
                          <option>XL</option>
                          <option>MD</option>
                          <option>LG</option>
                        </select>
                      </div>
                      <div class="col-md-3 qty mt-20">
                        <h5 class="work-sans text-semi-bold fz-18 gray-de mb-15">Qty:</h5>
                          <!-- <label for="spinner">Select a value:</label> -->
                          <input id="spinner" name="value" value="1">
                      </div>
                      <div class="col-md-6 add-cart mt-20">
                        <a href="#" class="cart work-sans fz-16 white text-semi-bold"><i><img src="img/cart-o.png" alt=""></i> Add to cart</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="products-info mt-60">
                <ul class="list-inline">
                  <li class="active"><a data-toggle="tab" href="#details">Product deTails</a></li>
                  <li><a data-toggle="tab" href="#review">Reviews</a></li>
                  <li><a data-toggle="tab" href="#tags">Product Tags</a></li>
                </ul>
                <div class="tab-content">
                  <div id="details" class="tab-pane fade in active">
                    <p class="text-light lh-28 mt-20">Then along come two they got nothing but their jeans. Flying away on a wing and a prayer. Who could it be Believe it or not its just me. Today still wanted by the government they survive as soldiers of fortune. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days wanted by the government.</p>
                  </div>
                  <div id="review" class="tab-pane fade">
                    <p class="text-light lh-28 mt-20">Then along come two they got nothing but their jeans. Flying away on a wing and a prayer. Who could it be Believe it or not its just me. Today still wanted by the government they survive as soldiers of fortune. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days wanted by the government.</p>
                  </div>
                  <div id="tags" class="tab-pane fade">
                    <p class="text-light lh-28 mt-20">Then along come two they got nothing but their jeans. Flying away on a wing and a prayer. Who could it be Believe it or not its just me. Today still wanted by the government they survive as soldiers of fortune. Boy the way Glen Miller played. Songs that made the hit parade. Guys like us we had it made. Those were the days wanted by the government.</p>
                  </div>
                </div>
              </div>
              <section class="mt-60">
                      <div class="row">
                          <div class="col-md-12">
                              <h2 class="text-uppercase ls-3 bb gray-de bb-left"><span class="yellow"> Top</span> Products</h2>
                              <p class="mt-50 fz-15">
                                  The Promises something everyone Today still wanted they survive as soldiers of fortune.
                              </p>
                          </div>
                      </div>
                      <div class="row">
                          <div class="pi-tp-slider mt-40">
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-4.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 99.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-5.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 32.00</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-6.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 95.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-4.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 99.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-5.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 32.00</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-6.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 95.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-4.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 99.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-5.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 32.00</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="item">
                                  <div class="tp-inner white-bg">
                                      <img class="img-responsive" src="img/tp-6.png" alt="">
                                      <div class="tp-inner-content">
                                          <h6 class="fz-13 green">Soccer Jerseys</h6>
                                          <span class="work-sans fz-18 gray-de display-ib mt-15 text-semi-bold">$ 95.66</span>
                                          <div class="mt-20">
                                              <a href="#" class="btn-round work-sans fz-11 gray-de text-uppercase text-semi-bold">ADD TO CART</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                              
                          </div>
                      </div>
              </section>
            </div>
          </div>
        </div>




        <footer>
            <div class="upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">About Us</h5>
                            <p class="mt-45 gray-999 fz-13">Aoluptas sit aspernatur aut odit aut fugit, sed elits quias consequuntur magni dolores eos qui ratione volust  luptatem sequi nesciunt. .</p>
                            <div class="f-social mt-35">
                                <ul class="list-inline">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-1 col-sm-2">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Links</h5>
                            <ul class="mt-45 iist-unstyled links">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About us</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Portfolio</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">Keep In touch</h5>
                            <div class="f-contact-info clearfix mt-45">
                                <img src="img/address.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Address : 44 New Design Street,<br> Melbourne 005</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/phone.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Phone : (01) 800 433 633</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/envelope.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Email : info@anous.com</span>
                            </div>
                            <div class="f-contact-info clearfix mt-25">
                                <img src="img/fax.png" alt="" class="pull-left">
                                <span class="work-sans text-medium fz-13 gray-999 lh-24 pull-left">Fax : (01) 800 854 633</span>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <h5 class="raleway fz-14 gray-ccc text-bold fbb text-uppercase">instagram feed</h5>
                            <div class="instagram-links mt-45">
                                <a href="#"><img src="img/f1.jpg" alt=""></a>
                                <a href="#"><img src="img/f2.jpg" alt=""></a>
                                <a href="#"><img src="img/f3.jpg" alt=""></a>
                                <a href="#"><img src="img/f4.jpg" alt=""></a>
                                <a href="#"><img src="img/f5.jpg" alt=""></a>
                                <a href="#"><img src="img/f6.jpg" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-3 col-sm-6">
                                <h4 class="white text-uppercase lh-90">Last <span class="yellow">Match</span></h4>
                            </div>
                            <div class="col-sm-6 last-match">
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team1.png" alt=""> AUTE</span>
                                <h4 class="lh-90 yellow text-bold display-ib">1:2</h4>
                                <span class="work-sans fz-14 text-bold white text-uppercase lh-90"><img src="img/f-team2.png" alt=""> Dolor</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h4 class="work-sans fz-16 text-medium text-uppercase white lh-90 display-ib">News <span class="yellow"> Letters</span></h4>
                        <div class="input-group">
                          <input type="email" class="form-control" placeholder="Email">
                          <div class="input-group-addon"><a class="work-sans text-semi-bold fz-11 white text-uppercase" href="#">Subscribe</a></div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="copy-rights">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <p class="raleway text-semi-bold fz-12 gray-ccc ls-1">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        
        <script src="js/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.js"></script>
        <script src="js/jquery.countdown.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery-ui.js"></script>
        <script src="js/bootstrap-select.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

